PixelKit — Web Design Toolkit

Inspect CSS, colors, fonts and layouts. Capture and edit pages. Try Pro free for 1 month; then $0.99/month.

PixelKit is a Chrome extension for inspecting website CSS, colors, fonts and spacing, and refining web design. Move from element inspection to screenshots, visual editing and design QA with a compact on-page toolbar and side panel. Start with free essentials • Hover over elements to inspect dimensions, typography, colors and computed CSS • Use the color picker, grid overlay and visible-area screenshots • Pin 1–6 favorite tools to your toolbar • See tool names and descriptions on hover or keyboard focus Review more with PixelKit Pro • Element comparison: compare 27 computed CSS properties across two elements, including typography, colors, spacing and borders. Show only differences or all properties • Before and after: compare a baseline and updated screenshot with a slider or translucent overlay, and save PNGs • Page QA: check horizontal overflow, missing image descriptions, failed image loads, unnamed inputs, buttons and links, and skipped heading levels • QA reports: locate issues, add notes and screenshots, and save a self-contained HTML report. Copy or save JSON results too • Palette extraction, CSS variable export, font, spacing and contrast inspection, and CSS copying • Visual style and layout editing, annotations, additional capture options and API development tools Available in English, Korean, Japanese, Chinese, Spanish, French, German and Portuguese. Try Pro Monthly free for 1 month, then $0.99/month. Payment details are required. Your subscription becomes paid unless canceled before the trial ends. Pro Lifetime is a separate $19.99 one-time purchase; the free trial applies only to the monthly plan. Activate Pro in PixelKit settings using the license key provided through Polar or email. Page QA performs basic checks on visible elements in the main document, excluding iframes and shadow DOM. It is not a complete accessibility audit. Before-and-after review compares visible-area captures visually; it does not automatically score pixel differences. What's new in 0.1.4 • Fixed toolbar tools failing to open from the More menu • Added names and descriptions for 16 tools in 8 languages • Improved mouse and keyboard navigation and tool error feedback Website: https://pixelkit.patrache.studio/en/ Support: support@patrache.studio